<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>QQ浏览器</title>
    <link rel="stylesheet" href="css/cssreset-min.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!--第一屏-->
<section class="s1">
    <div class="s1Title">
        <img src="images/logo.png" alt="">
        <a href="#">立即下载</a>
    </div>
    <div class="s1Main">
        <ul>
            <li><img src="images/page1_main_1.png" alt=""></li>
            <li><img src="images/page1_main_2.png" alt=""></li>
            <li><img src="images/page1_main_3.png" alt=""></li>
            <li><img src="images/page1_main_4.png" alt=""></li>
            <li><img src="images/page1_main_5.png" alt=""></li>
        </ul>

    </div>
    <div class="s1Cir">
        <img src="images/page1_3_round.png" alt="">
    </div>
</section>
<!--第二屏-->
<section class="s2 current" >
    <div class="s2Line">
        <span></span>
        <img src="images/page2_lineglow.png" alt="">
        <img src="images/page2_glow.png" alt="">
    </div>
    <div class="s2Main">
        <ul>
            <li><img src="images/page2_main_1.png" alt=""></li>
            <li><img src="images/page2_main_2.png" alt=""></li>
            <li><img src="images/page2_main_3.png" alt=""></li>
            <li><img src="images/page2_main_4.png" alt=""></li>
        </ul>
    </div>
    <div class="s2Title">
        <img src="images/page2_title.png" alt="">
        <p>支持Chromium V40 稳定版 <br>
            Mac平台独家支持网址云安全检测</p>
    </div>
</section>
<!--第三屏-->
<section class="s3 current" >
    <div class="s3Title">
        <img src="images/page3_title.png" alt="">
    </div>
    <div class="s3Bg">
            <ul>
                <li>
                    <img src="images/page3_glow.png" alt="">
                </li>
                <li>
                    <img src="images/page3_logo.png" alt=""></li>
            </ul>


    </div>
    <div class="s3Main">
        <ul>
            <li><img src="images/page1_3_round.png" alt=""></li>
            <li><img src="images/page1_3_round.png" alt=""></li>
            <li><img src="images/page1_3_round.png" alt=""></li>
        </ul>
    </div>
</section>
<!--第四屏-->
<section class="s4 current" >
    <div class="s4Bg">
        <span></span>
        <img src="images/page4_lineglow.png" alt="">
        <span></span>
        <img src="images/page4_lineglow.png" alt="">
    </div>
    <div class="s4Main">
        <ul>
            <li><img src="images/page4_main_clock.png" alt=""></li>
            <li><img src="images/page4_main_clockout.png" alt=""></li>
            <li><img src="images/page4_main_sheild.png" alt=""></li>
            <li><img src="images/page4_main_storm.png" alt=""></li>
            <li><img src="images/page4_main_xf.png" alt=""></li>
        </ul>
    </div>
    <div class="s4Tag">
        <img src="images/page4_tag.png" alt="">
        <p>BT/eMule/旋风文件一站式下载</p>
    </div>
    <div class="s4Title">
        <img src="images/page4_title.png" alt="">
    </div>
</section>
<!--第五屏-->
<section class="s5 current">
    <div class="s5Bg">
        <ul>
            <li><img src="images/page5_icon_1.png" alt=""></li>
            <li><img src="images/page5_icon_2.png" alt=""></li>
            <li><img src="images/page5_icon_3.png" alt=""></li>
            <li><img src="images/page5_icon_4.png" alt=""></li>
            <li><img src="images/page5_icon_5.png" alt=""></li>
            <li><img src="images/page5_icon_6.png" alt=""></li>
        </ul>
    </div>
    <div class="s5Tag">
        <p>双击关闭、超级拖拽、广告过滤 <br>
            恢复按钮、网银插件、截图</p>
    </div>
    <div class="s5Title">
        <img src="images/page5_title.png" alt="">
    </div>
</section>
<!--底部导航栏-->
<footer class="footer">
    <span class="leftS">&copy;Tencent</span>
    <ul>
        <li>
            <a href="#">2.0版官网 <span> | </span></a>
        </li>
        <li>
            <a href="#">历史版本下载 <span> | </span></a>
        </li>
        <li>
            <a href="#">PC 版 <span> | </span></a>
        </li>
        <li>
            <a href="#">论坛 <span> | </span></a>
        </li>
        <li>
            <a href="#">微博 </a>
        </li>
    </ul>
</footer>
<!--头部logo-->
<div class="head-logo">
    <img src="images/logo_small.png" alt="">
    <a href="#">立即下载</a>
</div>
<!--中间滚动图片-->
<div class="scrollImg">
    <img src="images/scroll.png" alt="">
</div>
<!--右侧指示器-->
<div class="gps">
    <ul>
        <li class="cur"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

<!--外部JS文件-->
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/less.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>